<template>
   <div class="container">
       <div class="container-logo">
           <div class="logo"></div>
           <span class="cpy">四川房巢科技智慧售楼管理平台</span>
       </div>
       <div class="container-login">
           <div class="user">
               <i class="iconfont icon-user"></i>
               <input type="text" placeholder="账户">
           </div>
           <div class="psw">
               <i class="iconfont icon-genggaimima"></i>
               <input type="text" placeholder="密码">
           </div>
           <button class="submit-btn">登录</button>
       </div>
   </div>
</template>

<script>
    export default {
        name: "Login"
    }
</script>

<style scoped>
    html,body{
        width:100%;
        height: 100%;
    }
    .container{
        width:100%;
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        background-image: url("../assets/img/loginbg.jpg");
        background-size: contain;
        background-repeat: no-repeat;
        background-color: #31cb97;
    }
    .container > .container-logo{
        width: 19rem;
        height: 7rem;
        position: absolute;
        top: 4rem;
        left: 1.2rem;
    }
    .container > .container-logo > .logo{
        margin: .5rem auto ;
        width: 10rem;
        height: 3.46rem;
        background-image: url("../assets/img/logo.png");
        background-size: cover;
    }
    .container > .container-logo > .cpy{
        font-size: 0.9rem;
        margin-top:0.5rem;

    }
    .container > .container-login{
        width:17rem;
        height: 15rem;
        position: absolute;
        top: 14.6rem;
        left: 2.2rem;
        border-radius: 0.5rem;
        box-shadow: 0.1rem .1rem .1rem #d4d3d3;
        background-color: white;
    }
    input{
        width: 80%;
        height: 100%;
        border-style: none;
        outline: none;
        padding: 0;
    }
    .user,.psw{
        width: 13rem;
        height: 2rem;
        margin-left: 2rem;
        border-bottom: 1px solid #e1e1e1;
    }
    .user{
        margin-top: 4rem;
    }
    .psw{
        margin-top: 1rem;
    }
    .submit-btn {
        width: 13rem;
        height: 2.5rem;
        background-color: #31cb97;
        border: none;
        border-radius: 0.5rem;
        color:white;
        margin-top: 1.5rem;
        outline:none;
    }
</style>